<!DOCTYPE html>
<html dir="{{ direction }}" lang="{{ lang }}">
<head>
  	<meta charset="UTF-8"/>
  	<meta name="viewport" content="width=device-width, initial-scale=1">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  	<title>{{ title }}</title>
  	<base href="{{ base }}"/>
  	{% if description %}
    	<meta name="description" content="{{ description }}"/>
  	{% endif %}
  	{% if keywords %}
    	<meta name="keywords" content="{{ keywords }}"/>
  	{% endif %}
  	<script src="catalog/view/javascript/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
  	<link href="catalog/view/theme/{{ theme_default_directory }}/stylesheet/bootstrap.css" rel="stylesheet" media="screen"/>
  	<script src="catalog/view/javascript/bootstrap/js/popper.min.js" type="text/javascript"></script>
 	<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  	<link href="catalog/view/javascript/font-awesome/css/all.min.css" rel="stylesheet" type="text/css"/>
  	<link href="catalog/view/theme/{{ theme_default_directory }}/stylesheet/stylesheet.css" rel="stylesheet">
  	{% for style in styles %}
    	<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}"/>
  	{% endfor %}
  	{% for script in scripts %}
    	<script src="{{ script }}" type="text/javascript"></script>
  	{% endfor %}
  	<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
  	{% for link in links %}
    	<link href="{{ link.href }}" rel="{{ link.rel }}"/>
  	{% endfor %}

  	{% for analytic in analytics %}
    	{{ analytic }}
  	{% endfor %}
</head>
<body style="background-color:#f0f0f0;">
	{% if cookie %}
	  {{ cookie }}
	{% endif %}

  	<div class="container-fluid">
  		<!----top baner start----->
		<div class="row">
			<a href="#" target="_blank" class="top_banner"><img class="opacity1" src="//haitao.nos.netease.com/online2019051339d2e.jpg" /></a>
			
		</div>
		<!----top baner end----->
  	</div>

  	<div id="top">
  		<div class="container">
  			<div class="navBox ">
  				
  				<div class="float-left">
  					<nav class="navbar navbar-expand-lg">
					  <div class="collapse navbar-collapse">
					  	<span class="navbar-text">
					      专为面向中国大陆市场打造的 MyCnCart 商城！
					    </span>
					    <ul class="navbar-nav mr-auto">
					      <li class="nav-item">
					        <a class="nav-link" href="#">登录</a>
					      </li>
					      <li class="nav-item">
					        <a class="nav-link" href="#">免费注册</a>
					      </li>
					      <li class="nav-item dropdown">
					        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					          微信小程序
					          
					        </a>
					        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
					          <p class="top-xiaochengxu">
					          	<img src="https://haitao.nos.netease.com/9c6b0d6c-4a71-4018-8fb6-46496f51caff.png">
					          </p>
					        </div>
					      </li>

					      <li class="nav-item dropdown">
					        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					          <img src="catalog/language/zh-cn/zh-cn.png" alt="简体中文" title="简体中文">    
							  <span class="d-none d-md-inline">简体中文</span>
							  
					        </a>
					        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
					          <a href="#" class="dropdown-item">英语</a>
							  <a href="#" class="dropdown-item">法语</a>
							  <a href="#" class="dropdown-item">繁体中文</a>
					        </div>
					      </li>

					      <li class="nav-item dropdown">
					      	
						        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						          <strong>$</strong>
								  <span class="d-none d-md-inline">美元</span>
								  
						        </a>
						        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
						          <a href="#" class="dropdown-item">USD$ 美元</a>
								  <a href="#" class="dropdown-item">USD$ 美元</a>
								  <a href="#" class="dropdown-item">USD$ 美元</a>
						        </div>
						        <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-currency">
					        		<input type="hidden" name="code" value=""/> <input type="hidden" name="redirect" value="{{ redirect }}"/>
					        	</form>
					      </li>
					      
					    </ul>
					    
					  </div>
					</nav>


  					
  				</div>
  				<div class="float-right">
  					<nav class="navbar navbar-expand-lg">
					  <div class="collapse navbar-collapse">
					    <ul class="navbar-nav mr-auto">
					      <li class="nav-item">
					        <a class="nav-link" href="#">我的订单</a>
					      </li>
					      <li class="nav-item dropdown">
					        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
					          个人中心
					         
					        </a>
					        <div class="dropdown-menu dropdown-menu-right">
					          <a class="dropdown-item" href="#">我的优惠券</a>
					          <a class="dropdown-item" href="#">我的红包</a>
					          <div class="dropdown-divider"></div>
					          <a class="dropdown-item" href="#">帐号管理</a>
					          <a class="dropdown-item" href="#">我的发票抬头</a>
					          <div class="dropdown-divider"></div>
					          <a class="dropdown-item" href="#">我收藏的商品</a>
					          <a class="dropdown-item" href="#">我关注的品牌</a>
					        </div>
					      </li>

					      <li class="nav-item dropdown">
					        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
					          微信公众号
					          
					        </a>

					        <div class="dropdown-menu dropdown-menu-right" >
					          <p class="top-xiaochengxu">
					          	<img src="https://haitao.nos.netease.com/9c6b0d6c-4a71-4018-8fb6-46496f51caff.png">
					          </p>
					        </div>
					      </li>
					      
					    </ul>
					    
					  </div>
					</nav>
					
  				</div>
  			</div>
  		</div>
  	</div>

  	<header class="top-middle">
  		<div class="container">
  			<div class="row">
  				<div class="col-md-3 col-lg-3">
			        <div id="logo" class="mt-3">
			          {% if logo %}
			            <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid" /></a>
			          {% else %}
			            <h1><a href="{{ home }}">{{ name }}</a></h1>
			          {% endif %}
			        </div>
			    </div>
			    <div class="col-md-5 col-lg-7">
			    	{{ search }}
			    </div>
			    <div class="col-md-4 col-lg-2">
			    	<div id="top-cart" class="mt-3">
				    	<a href="#">
							<i class="fas fa-shopping-cart"></i>
							<span class="wrap">购物车<b class="num">1000</b></span>
						</a>
					</div>
			    </div>
  			</div>
  		</div>
  	</header>

  	
